import {Breadcrumb, Card, Layout, theme} from "antd";
const {Content} = Layout;
const NavigateContent = () => {
    const {
        token: {colorBgContainer, borderRadiusLG},
    } = theme.useToken();
    return (
        <Layout style={{marginLeft: "200px", height: "calc(100vh - 50px)"}}>
            <Breadcrumb
                items={[{title: 'Home'}, {title: 'List'}, {title: 'App'}]}
                style={{margin: '8px 5px'}}
            />
            <Content
                style={{
                    paddingTop: "2px",
                    paddingInline: "4px",
                    background: colorBgContainer,
                    borderRadius: borderRadiusLG,
                }}
            >
                <Card title={"Container"} extra={<a href="#">More</a>}>
                    hello
                </Card>
            </Content>
        </Layout>
    );
};

export default NavigateContent;